//node导包类似
//import 变量名 from '模块标识符'
import axios from "axios";

const btn =document.querySelector('#btn')

btn.addEventListener('click',function(){
  //发请求拿数据
  axios.get('http://123.57.109.30:3006/api/getbooks').then(
    ({data:res})=>console.log(res))
})

//引入css文件
import './css/index.css'

//引入less
import './less/index.less'

//使用本地图片 在webpack眼里，所有的文件都是模块
//是模块就能导入
import imgObj from './assets/images/1.gif'
//1.创建一个img标签
const img =document.createElement('img')
//2.设置src为本地的大图片
img.src=imgObj
//3.将img标签插入到body
document.body.appendChild(img)
//4.使用字体图标  webpack对字体图标有处理
import './assets/fonts/iconfont.css'
const i =document.createElement('i')
i.className='iconfont icon-qq'
document.body.appendChild(i)

//
const fn =()=>{
  console.log('我是fn');
}
console.log(fn);